*{
    /* 设置默认布局 */
    margin: 0px;
    padding: 0px;
}
a{
    /* 设置文本信息为无 */
    text-decoration: none;
}
li{
    /* 设置list表类型为无 */
    list-style: none;
}
.menu{
    width: 270px;
    height: 860px;
    background: #35a7d4;
    /* float: left;浮动，使div不再独占一行，可以拼接 */
    float: left;
}
.menu-top{
    width: 270px;
    height: 110px;
    /* 子绝父相 */
    /* 父类一般用相对定位 */
    position: relative;
}
.menu-top span{
    font-size: 30px;
    font-weight: 700;
    left: 140px;
    top: 30px;
    /* 子类一般用绝对定位 */
    position: absolute;
}
.menu-top img{
    width: 85px;
    height: 85px;
    border-radius: 50%;
    margin-top: 12px;
    margin-left: 25px;
}
.menu ul{
    margin-top: 30px;
}
.menu li{
    height: 65px;
    line-height: 65px;
}
.menu li a{
    font-size: 30px;
    font-weight: 700;
    padding-left: 20px;
    /* 只有先转换成行内标签，才能独占一行，才能有一行的变色效果 */
    display: block;
    color: #fff;
}
.menu li:hover{
    background: #3cb7e8;
}
.content{
    width: 1633px;
    height: 800px;
    float: left;
}
.content-top{
    width: 1633px;
    line-height: 60px;
    background: #35a7d4;
}
.content-top h2{
    text-align: center;
    line-height: 60px;
}
#user_dialog{
    position: absolute;
    display: none;
    width: 150px;
    height: 100px;
    left: 115px;
    top: 75px;
    background: #eee;
}
#user_dialog a{
    width: 120px;
    height: 30px;
    display: block;
    padding-left: 30px;
    font-size: 20px;
    margin-top: 20px;
}
#user_dialog a:hover{
    background: #e33333;
}